<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>山东华梦</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="{{Theme::asset()->url('css/bootstrap.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{Theme::asset()->url('css/swiper.min.css')}}" />
    <link rel="stylesheet" type="text/css" href="{{Theme::asset()->url('css/index.css')}}" />
    {!! Theme::asset()->container('specific-css')->styles() !!}
    {!! Theme::asset()->container('custom-css')->styles() !!}
    <script src="{{Theme::asset()->url('js/jquery.min.js')}}"></script>
    <script src="{{Theme::asset()->url('js/bootstrap.min.js')}}"></script>
    <script src="{{Theme::asset()->url('js/swiper.min.js')}}"></script>
    <script src="{{Theme::asset()->url('js/iframe.js')}}"></script>
    <script type="text/javascript" src="{{Theme::asset()->url('js/cart2.js')}}"></script>
    {!! Theme::asset()->container('specific-js')->scripts() !!}
    {!! Theme::asset()->container('custom-js')->scripts() !!}
</head>

<body>
<!--导航栏-->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation" id="top-nav">
    <div class="container" id="nav1">
        <div class="row" id="top">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle col-xs-2" data-toggle="collapse" data-target="#target-menu">
                    <span class="sr-only">qieh</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="{{url('home/index')}}" class="navbar-brand my-logo col-xs-4">
                </a>

                <a href="#" class="hidden-lg hidden-md hidden-sm col-xs-1  nav-icon nav-icon1">
                    <span class="glyphicon glyphicon-user" data-toggle="modal" data-target="#myModal"></span>
                </a>
                <a href="cart.html" class="hidden-lg hidden-md hidden-sm col-xs-1 col-xs-offset-1 nav-icon">
                    <span class="glyphicon glyphicon-shopping-cart"></span>
                </a>
                <a href="#" class="hidden-lg hidden-md hidden-sm col-xs-1 nav-icon col-xs-offset-1">
                    <span class="glyphicon glyphicon-search" data-toggle="modal" data-target="#myModa2"></span>
                </a>
            </div>
            <div class="collapse navbar-collapse" id="target-menu">
                <ul class="nav navbar-nav">
                    @foreach( Theme::get('banner') as $v)
                        <li>
                            <a href="{{url($v[0])}}" class="@if($v[0]==Theme::get('path')) active1 @endif">{{$v[1]}}</a>
                        </li>
                    @endforeach
                </ul>
                <ul class=" nav navbar-nav hidden-xs" id="nav1-r">
                    <li class="">
                        <a href="#" data-toggle="modal" data-target="#myModal">
                            <span class="glyphicon glyphicon-user nav1-r2"></span> &nbsp;&nbsp;
                            @if(Theme::get('nickname')!=null) <span>退出</span> @else <span>登录</span> @endif
                        </a>
                    </li>
                    <li class="">
                        <a href="{{url('home/cart')}}">
                            <span class="glyphicon glyphicon-shopping-cart nav1-r3"></span> &nbsp;&nbsp;购物车
                        </a>
                    </li>
                    <li class="nav1-r1 hidden-md hidden-sm">
                        <input type="search" />
                        <span class="glyphicon glyphicon-search nav1-r4"></span>
                    </li>
                </ul>
            </div>

        </div>
    </div>
</nav>
<!--导航栏end-->

<!--登录弹出框-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content clear">
            <div class="modal-header">
                <!--<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>-->
                <div class="close" data-dismiss="modal" aria-hidden="true">
                    <span>&times;</span>
                </div>
                <h4 class="modal-title" id="myModalLabel">登录华梦</h4>
            </div>
            <div class="modal-body  clear">
                <div class="lf modal-body-lf">
                    <div class="modal-body-3 lf col-xs-12">
                        手机号登录
                    </div>

                    <div class="modal-body-1 col-xs-12">
                        <img src="{{Theme::asset()->url('img/phone.png')}}" class="md1" />
                        <input type="text" name="phone" id="phone" value="" placeholder="请输入手机号" />
                        <span class="md2">获取验证码</span>
                    </div>
                    <div class="modal-body-1 col-xs-12">
                        <img src="{{Theme::asset()->url('img/yzm.png')}}" class="md1" />
                        <input type="text" name="yzm" id="phone" value="" placeholder="请输入验证码" />
                    </div>
                    <!--<span  class="md3 rt" data-dismiss="modal" >关闭</span>-->
                    <span class="md4 rt" id="login">登录</span>
                </div>
                <div class="hx lf hidden-xs">

                </div>
                <div class="modal-body-2 rt">
                    <div class="modal-body-2-1">
                        微信扫码登录
                    </div>
                    <img src="{{Theme::asset()->url('img/weixin.png')}}" />
                </div>
            </div>
            <!--<div class="modal-footer ">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary">登录</button>
            </div>-->
        </div>
    </div>
</div>
<!--登录弹出框end-->
<!--搜索弹出框-->
<div class="modal fade" id="myModa2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content clear">
            <div class="modal-header">
                <div class="close" data-dismiss="modal" aria-hidden="true">
                    <span>&times;</span>
                </div>
                <h5>
                    <span class="glyphicon glyphicon-search"></span>
                    <!--<span>搜索</span>-->
                    <input type="text" placeholder="搜索"/>
                </h5>
            </div>
            <div class="modal-body  clear">
                <div class="search-1">
                    <h4>搜索推荐</h4>
                    <a href="detail.html">猪里脊 </a>
                    <a href="detail.html">猪腿肉 </a>
                    <a href="detail.html">猪尾巴 </a>
                    <a href="detail.html">猪头肉 </a>
                    <a href="detail.html">猪腿骨 </a>
                    <a href="detail.html">猪耳朵</a>
                </div>
                <div class="search-1">
                    <h4>搜索历史</h4>
                    <a href="detail.html">猪里脊 </a>
                    <a href="detail.html">猪腿肉 </a>
                    <a href="detail.html">猪尾巴</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!--搜索弹出框end-->
{!! Theme::content() !!}
<!--底部-->
<div class="footer" id="footer">
    <div class="container">
        <div class="row">
            <!--网站导航-->
            <div class="col-md-6  footer1">
                <div class="col-md-12  footer1-1">
                    网站导航
                </div>
                <div class="col-md-12  footer1-2">
                    <div class="col-md-2 col-xs-4">
                        <a href="{{url('home/news')}}">企业新闻</a>
                    </div>
                    <div class="col-md-2 col-xs-4">
                        <a href="{{url('home/index')}}">网站首页</a>
                    </div>
                    <div class="col-md-2 col-xs-4">
                        <a href="{{url('home/people')}}">企业招聘</a>
                    </div>
                    <div class="col-md-2 col-xs-4">
                        <a href="{{url('home/classify')}}">供应产品</a>
                    </div>
                    <div class="col-md-2 col-xs-4">
                        <a href="{{url('home/contact')}}">联系我们</a>
                    </div>
                </div>
                <div class="col-md-12 footer1-3 hidden-xs">
                    公司介绍
                </div>
                <div class="col-md-12 footer1-4 hidden-xs">
                    山东华梦农业科技股份有限公司是经山东省工商局核准设立、致力于用中医药综合技术创建我国的新型食品安全保障体系、生产优质安全放心食品的企业，也是山东省“潍坊市中药饲料工程技术研究中心”的承办单位 。
                </div>
            </div>
            <!--购物袋-->
            <div class="col-md-2 footer2 hidden-xs">
                <div class="col-md-12  footer2-1 ">
                    购物袋
                </div>
                <div class="col-md-12 footer2-2 ">
                    <a href="{{url('home/cart')}}">
                        <img src="{{Theme::asset()->url('img/footer-cart.png')}}" />
                        <span>购物袋</span>
                    </a>
                </div>

            </div>
            <!--联系我们-->
            <div class="col-md-4 footer3">
                <div class="col-md-12 footer3-1 hidden-xs">
                    联系我们
                </div>
                <div class="col-md-12 footer3-2 hidden-xs">
                    发送您的邮箱，我们会定期给您企业的最新消息
                </div>
                <div class="col-md-12 footer3-3 col-xs-6">
                    <img src="{{Theme::asset()->url('img/icon-location.png')}}" />
                    <span class="footer3-3-1">地址:</span>
                    <br />
                    <span>山东省潍坊市青州市范公亭文苑东门斜对面冠街188</span>
                </div>
                <div class="col-md-12 col-xs-6">
                    <img src="{{Theme::asset()->url('img/icon-phone.png')}}" />
                    <span class="footer3-3-1">电话:</span>
                    <br />
                    <span>86-0536-302780</span>
                </div>
                <div class="col-md-12 col-xs-6">
                    <img src="{{Theme::asset()->url('img/icon-mail.png')}}" />
                    <span class="footer3-3-1">邮箱:</span>
                    <br />
                    <span>support@163.com</span>
                </div>
            </div>

        </div>
    </div>
    <!--备案-->
    <div class=" footer4">
        Smaitec 2018 &copy; All Rights Reserved
    </div>
</div>
<div class="backTop"><img src="{{Theme::asset()->url('img/back-top.png')}}" alt=""></div>
<!--底部end-->






<script type="text/javascript ">
    //			$('.nav1-r1').click(function(){
    //				$(this).css({'border':'1px solid red'});
    //			})
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 'auto',
        spaceBetween: 0,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
    });
    //发送验证码
    $('.md2').click(function(){
        var phone = $('input[name="phone"]').val();
        alert('异步调用短信接口');
    })
    //  登录提交
    $('#login').click(function(){
        var url = "{{url('home/login')}}";
        var phone = $('input[name="phone"]').val();
        var yzm = $('input[name="yzm"]').val();
        var _token = "{{csrf_token()}}";
        $.post(
            url,
            {
                phone:phone,
                yzm:yzm,
                _token:_token
            },
            function(e){
                console.log(e);
            }
        )
    })
</script>
</body>

</html>